<template>
    <el-header>
        <h3>审核记录</h3>
        <el-table :data="todoList" style="width: 100%">
            <el-table-column prop="type" label="类型" width="100"></el-table-column>
            <el-table-column prop="content" label="内容"></el-table-column>
            <el-table-column prop="time" label="时间" width="120"></el-table-column>
        </el-table>
        <el-pagination style="float: right; margin-top: 16px;" background layout="prev, pager, next,jumper"
            :total="pageInfo.total" :page-size="pageInfo.pageSize" :current-page="pageInfo.pageNum"
            @current-change="changePage" v-model:current-page="pageInfo.pageNum" />
    </el-header>
</template>

<script setup>
import { ref, reactive } from 'vue';

const todoList = ref([
    { type: '付款', content: '审核2023-11月供应商付款单', time: '2023-11-15' },
    { type: '收款', content: '跟进ABC公司到期应收账款', time: '2023-11-16' },
    { type: '采购', content: '审批新办公设备采购申请', time: '2023-11-14' },
    { type: '库存', content: '处理成品库库存盘点差异', time: '2023-11-13' }
]);
const pageInfo = reactive({
    total: 0,
    pageSize: 8,
    pageNum: 1
});

const changePage = (page) => {
    pageInfo.pageNum = page;
};

</script>

<style scoped>
</style>